Project HTMLifier

This packages your Scratch project into a single HTML file that can run on its own in a web browser. The HTML file will be pretty big because it contains the entire Scratch engine (2.6 MB) and the costume and sound files used in the project. There is no direct translation between a Scratch block and a JavaScript equivalent because the two languages are fundamentally different, so you should not use the code in the generated file for learning HTML or JavaScript after Scratch.

The project will automatically start, and there are no green flag or stop sign buttons.

Project ID: (the ID of the project on the Scratch website)

Upload project file:

Options

Project name: (the text displayed in the browser tab)

Username value: (the value that the username block reports)

Show fullscreen button?

Enable turbo mode?

Use custom variable/list monitor colour: ? (If unchecked, a translucent black will be used.)

Load progress indicator?

Loading image:

Enable compatibility mode?²

Cloud variable source

Save cloud variables locally using localStorage¹

Use a custom server:

E羊icques (modded) options

Does this project use a custom size? Width: Height:

Load unofficial extension from URL:

HTMLify

If you want to view or edit the HTML file, you can use the specialized Large File Editor to hide the long lines that may hang or crash normal text editors.

¹You may have to deal with privacy laws around cookies outside of Scratch.

²Compatibility mode forces projects to run at 30 FPS, like in Scratch 2.0. Turning this off allows the project to run at a higher framerate (usually 60 FPS, depending on the computer screen's refresh rate).

Update history

See the code and previous versions on Github.

2020-05-01

• Support for custom extensions from a URL
• CSS by Mr. Cringe Kid

2020-03-29

• Fixed custom stage sizes

2020-03-27

• Show an image such as a gif while loading
• Fixed dragging sprites simulating another green flag click

2020-01-06

• An offline version of the HTMLifier

2019-12-25

• An option to use a custom cloud server for cloud variables instead of saving to localStorage

2019-11-23

• A fullscreen button
• An option to change monitor colours

2019-10-05

• New ask box

2019-09-28

• A status text that shows the assets loaded
• Support the video extension
• Support draggable sprites

2019-08-08

• Removed "Scratch" from the name of this utility just in case

2019-07-27

• Support 16:9 projects
• Simplify the number of modes for HTMLification

2019-07-13

• Cloud variables store in localStorage

2019-06-29

• Upload project file instead of using project ID
• Toggle compatibility and turbo mode

2019-03-31

• Variable and list watchers

2019-02-09

• Project start

Made by Sheep_maker, who used scratch-vm, download.js, and their dependencies for this project.

CSS by Mr. Cringe Kid.